<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Open Integration</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../resources/css/mui.css">
	<link rel="stylesheet" href="../../resources/css/style.css">
	<link rel="stylesheet" href="../../resources/css/user/register.css">
	<script src="../../resources/assets/mui.js"></script>
	<script src="../../resources/assets/avalon.js"></script>
	<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
	<script src="../../resources/assets/jquery.cxselect.min.js"></script>
	<script src="../../resources/js/common.js"></script>
	<script src="../../resources/js/dahua.config.js"></script>
	<script src="../../resources/js/lang/en.js"></script>
	<!-- <script src="../../resources/js/user/register.js"></script> -->
	<script src="../../resources/js/integral/open.js"></script>
	<!-- <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> -->
	<!-- <script>
		var vConsole=new VConsole();
	</script> -->
	<style>
		#cookieStatement table td {
			vertical-align: middle;
			text-align: center;
		}
		#cookieStatement table{
			width:100%;
			table-layout:fixed;
			word-wrap:break-word;
			word-break:break-all;
		}
		.my-list-item{
			display: flex !important;
		}
		.my-list-item .mui-media-body{
			flex:1;
		}
		.my-list-item .mui-ellipsis{
			white-space: normal;
		}
		.my-list-img{
			width: 110px;
			height: 130px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #f6f6f6;
			border: 1px solid #bfbfbf;
			margin-right: 10px;
		}
		.my-list-img img{
			margin-right: 0 !important;
			height: auto !important;
		}
		.my-inputFile{
			display: none;
		}
	</style>
</head>

<body ms-controller="addPage" >
	<div id="regPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title">Open Integration</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white login"></a>
			<a class="mui-icon mui-pull-right mui-icon-white home" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div id="user-add" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll">
				<div class="mui-content-padded">
					<form :validate="@validate" id="addForm" method="post">
						<input type="hidden" value="" id="uid" name="uid" />
						<div class="mui-row">
							<h5>
								请选择上传资料类型、名片、店铺全景照片或营业执照
							</h5>
							<input type="file" accept="image/*" multiple class="my-inputFile" id="uploadImg"/>
						</div>
						<div class="mui-row">
							<ul class="mui-table-view upload">
								<li class="mui-table-view-cell mui-media" data-id="1">
									<a class="my-list-item" href="javascript:;">
										<div class="my-list-img">
											<img class="mui-media-object mui-pull-left" src="../../resources/images/open_icon_yyzz@2x.png">
										</div>
										<div class="mui-media-body">
											营业执照
											<p class="mui-ellipsis">接受拍摄件/扫描件/复印件请确保所有信息清晰完整，名称必须与企业全称相符，若是黑白件请加盖红章。</p>
										</div>
									</a>
								</li>
							</ul>
						</div>
						<div class="title">
							<p></p>
						</div>
						<div class="mui-row">
							<ul class="mui-table-view upload">
								<li class="mui-table-view-cell mui-media" data-id="2">
									<a class="my-list-item" href="javascript:;">
										<div class="my-list-img">
											<img class="mui-media-object mui-pull-left" src="../../resources/images/open_icon_image@2x.png">
										</div>
										<div class="mui-media-body">
											店铺全景照片
											<p class="mui-ellipsis">上传自己的店铺门牌照片<br/>请确保所有信息清晰完整</p>
										</div>
									</a>
								</li>
							</ul>
						</div>
						<div class="title">
							<p></p>
						</div>
						<div class="mui-row">
							<ul class="mui-table-view upload">
								<li class="mui-table-view-cell mui-media" data-id="3">
									<a class="my-list-item" href="javascript:;">
										<div class="my-list-img">
											<img class="mui-media-object mui-pull-left" src="../../resources/images/open_icon_mp@2x.png">
										</div>
										<div class="mui-media-body">
										    名片
											<p class="mui-ellipsis">上传自己的名片照片<br/>请确保所有信息清晰完整<br/>不接受电子名片</p>
										</div>
									</a>
								</li>
							</ul>
						</div>
					</form>

				</div>
			</div>
		</div>
	</div>
	<!--底部导航
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item mui-active" href="user.html">
				<span class="mui-icon icon icon_usercenter active"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>
-->
</body>

</html>
